<template>
  <div>
    <div class="dashboard">
      <el-card class="box-card">
        <!-- <h4>价格数量分析</h4> -->
        <!-- <div ref="chartDom" style="height:800px;width:800px" />
        < -->
        <Price-form />
      </el-card>
      <el-card class="box-card">
        <h4>房产数量对比</h4>
        <House-chart />
      </el-card>

    </div>
  </div>
</template>

<script>
import { houseList } from '@/api/constant/dashboard-api'

import HouseChart from './House-chart.vue'
import PriceForm from './Price-form.vue'

export default {
  components: { PriceForm, HouseChart },
  data() {
    return {
      list: []
    }
  },
  created() {
    houseList()
    console.log(this.list, 3444444444)
  },
  methods: {

    async  houseList() {
      this.list = await houseList()
    }

  }

}
</script>

<style  >
h4{
margin: 0;
font-size: 14px;

}
.dashboard {
  margin-top: 40px;
 display: flex;
 justify-content: space-around

}
 .box-card{
   margin: 20px;
padding: 20px;
width: 800px;
height: 760px;
 }

</style>
